﻿@{
    ViewBag.Title = "Audicion";
}
<link href="../../Content/bootstrap-spinedit.css" rel="stylesheet" type="text/css" />
<h2>Examen de Audicion</h2>
<div class="row-fluid">
    <div class="span4">
        @Html.Partial("Controles/_smallUserDetail")
    </div>
    <div class="span8" id="examenAudicionContext">
        <div class="form-horizontal" data-bind="with: ExamenAudicion">
            <fieldset>
                <legend>Examen de Audicion</legend>
                <div class="row-fluid">
                    <div class="control-group span3">
                        <label class="control-label" for="250OidoD">
                            250 Oido D
                        </label>
                        <div class="controls">
                            <div class="input-append">
                                <input type="text" id="250OidoD" class="input-medium" name="OidoD250" data-bind="value: OidoD250" />
                            </div>
                        </div>
                    </div>
                    <div class="control-group span3">
                        <div class="control-label">
                            <label for="250OidoI">
                                250 Oido I
                            </label>
                        </div>
                        <div class="controls">
                            <div class="input-append">
                                <input type="text" id="250OidoI" class="input-medium" name="OidoI250" data-bind="value: OidoI250" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="control-group span3">
                        <label class="control-label" for="2000OidoD">
                            2000 Oido D
                        </label>
                        <div class="controls">
                            <div class="input-append">
                                <input type="text" id="2000OidoD" class="input-medium" name="OidoD2000" data-bind="value: OidoD2000" />
                            </div>
                        </div>
                    </div>
                    <div class="control-group span3">
                        <label class="control-label" for="2000OidoI">
                            2000 Oido I
                        </label>
                        <div class="controls">
                            <div class="input-append">
                                <input type="text" id="2000OidoI" class="input-medium" name="OidoI2000" data-bind="value: OidoI2000" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="control-group span3">
                        <label class="control-label" for="500OidoD">
                            500 Oido D
                        </label>
                        <div class="controls">
                            <div class="input-append">
                                <input type="text" id="500OidoD" class="input-medium" name="OidoD500" data-bind="value: OidoD500" />
                            </div>
                        </div>
                    </div>
                    <div class="control-group span3">
                        <label class="control-label" for="500OidoI">
                            500 Oido I
                        </label>
                        <div class="controls">
                            <div class="input-append">
                                <input type="text" id="500OidoI" class="input-medium" name="OidoI500" data-bind="value: OidoI500" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="control-group span3">
                        <label class="control-label" for="4000OidoD">
                            4000 Oido D
                        </label>
                        <div class="controls">
                            <div class="input-append">
                                <input type="text" id="4000OidoD" class="input-medium" name="OidoD4000" data-bind="value: OidoD4000" />
                            </div>
                        </div>
                    </div>
                    <div class="control-group span3">
                        <label class="control-label" for=" 4000OidoI">
                            4000 Oido I
                        </label>
                        <div class="controls">
                            <div class="input-append">
                                <input type="text" id="4000OidoI" class="input-medium" name="OidoI4000" data-bind="value: OidoI4000" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="control-group span3">
                        <label class="control-label" for="1000OidoD">
                            1000 Oido D
                        </label>
                        <div class="controls">
                            <div class="input-append">
                                <input type="text" id="1000OidoD" class="input-medium" name="OidoD1000" data-bind="value: OidoD1000" />
                            </div>
                        </div>
                    </div>
                    <div class="control-group span3">
                        <label class="control-label" for="1000OidoI">
                            1000 Oido I
                        </label>
                        <div class="controls">
                            <div class="input-append">
                                <input type="text" id="1000OidoI" class="input-medium" name="OidoI1000" data-bind="value: OidoI1000" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="control-group span3">
                        <label class="control-label" for="8000OidoD">
                            8000 Oido D
                        </label>
                        <div class="controls">
                            <div class="input-append">
                                <input type="text" id="8000OidoD" class="input-medium" name="OidoD8000" data-bind="value: OidoD8000" />
                            </div>
                        </div>
                    </div>
                    <div class="control-group span3">
                        <label class="control-label" for="8000OidoI">
                            8000 Oido I
                        </label>
                        <div class="controls">
                            <div class="input-append">
                                <input type="text" id="8000OidoI" class="input-medium" name="OidoI8000" data-bind="value: OidoI8000" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="control-group span3">
                        <label class="control-label" for="3000OidoD">
                            3000 Oido D
                        </label>
                        <div class="controls">
                            <div class="input-append">
                                <input type="text" id="3000OidoD" class="input-medium" name="OidoD3000" data-bind="value: OidoD3000" />
                            </div>
                        </div>
                    </div>
                    <div class="control-group span3">
                        <label class="control-label" for="3000OidoI">
                            3000 Oido I
                        </label>
                        <div class="controls">
                            <div class="input-append">
                                <input type="text" id="3000OidoI" class="input-medium" name="OidoI3000" data-bind="value: OidoI3000" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="control-group span3">
                        <label class="control-label" for="5000OidoD">
                            5000 Oido D
                        </label>
                        <div class="controls">
                            <div class="input-append">
                                <input type="text" id="5000OidoD" class="input-medium" name="OidoD5000" data-bind="value: OidoD5000" />
                            </div>
                        </div>
                    </div>
                    <div class="control-group span3">
                        <label class="control-label" for="5000OidoI">
                            5000 Oido I
                        </label>
                        <div class="controls">
                            <div class="input-append">
                                <input type="text" id="5000OidoI" class="input-medium" name="OidoI5000" data-bind="value: OidoI5000" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="control-group span3">
                        <label class="control-label" for="6000OidoD">
                            6000 Oido D
                        </label>
                        <div class="controls">
                            <div class="input-append">
                                <input type="text" id="6000OidoD" class="input-medium" name="OidoD6000" data-bind="value: OidoD6000" />
                            </div>
                        </div>
                    </div>
                    <div class="control-group span3">
                        <label class="control-label" for="6000OidoI">
                            6000 Oido I
                        </label>
                        <div class="controls">
                            <div class="input-append">
                                <input type="text" id="6000OidoI" class="input-medium" name="OidoI6000" data-bind="value: OidoI6000" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="control-group span3">
                        <label class="control-label" for="PtaOD">
                            PTA(media/3) OD
                        </label>
                        <div class="controls">
                            <div class="input-append">
                                <input type="text" id="PtaOD" class="input-small" name="PtaOD" data-bind="value: PtaOD" />
                            </div>
                        </div>
                    </div>
                    <div class="control-group span3">
                        <label class="control-label" for="PtaOI">
                            PTA(media/3) OI
                        </label>
                        <div class="controls">
                            <div class="input-append">
                                <input type="text" id="PtaOI" class="input-small" name="PtaOI" data-bind="value: PtaOI" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="Observaciones">
                        Observaciones
                    </label>
                    <div class="controls">
                        <textarea rows="3" class="input-xlarge" id="Observaciones" name="Observaciones" data-bind="value: Observaciones"></textarea>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="Recomendaciones">
                        Recomendaciones
                    </label>
                    <div class="controls">
                        <textarea rows="3" class="input-xlarge" id="Recomendaciones" name="Recomendaciones"
                            data-bind="value: Recomendaciones"></textarea>
                    </div>
                </div>
                <div>
                    <input class="btn btn-primary" type="submit" value="Guardar" data-bind="click: $parent.Guardar" />
                    @Html.ActionLink("Cancelar", "Index", "Examen", null, new { @class = "btn" })
                </div>
            </fieldset>
        </div>

        <!--MODAL-->
        <div id="modalsaved" class="modal hide fade">
            <div class="modal-header">
                <h3>Registro</h3>
            </div>
            <div data-bind="html: Mensaje" class="modal-body">
            </div>
            <div class="modal-footer">
                <a href="#" class="btn" data-dismiss="modal" aria-hidden="true">Close</a>
            </div>
        </div>
        @Html.Partial("Controles/_errorModal")
    </div>
</div>

@section ViewScripts{
    <script src="@Url.Content("~/Scripts/bootstrap.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/bootstrap-spinedit.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/views/examen/audicion.js")" type="text/javascript"></script>
    <script>
        $(function () {
            startApp(@Html.Raw(Json.Encode(ViewBag.Model)));

            $('#250OidoI').spinedit({
                minimum: 5,
                maximum: 100,
                step: 5,
                value: 0
            });
            $('#2000OidoI').spinedit({
                minimum: 5,
                maximum: 100,
                step: 5,
                value: 0
            });
            $('#250OidoD').spinedit({
                minimum: 5,
                maximum: 100,
                step: 5,
                value: 0
            });
            $('#2000OidoD').spinedit({
                minimum: 5,
                maximum: 100,
                step: 5,
                value: 0
            });
            $('#500OidoI').spinedit({
                minimum: 5,
                maximum: 100,
                step: 5,
                value: 0
            });
            $('#4000OidoI').spinedit({
                minimum: 5,
                maximum: 100,
                step: 5,
                value: 0
            });
            $('#500OidoD').spinedit({
                minimum: 5,
                maximum: 100,
                step: 5,
                value: 0
            });
            $('#4000OidoD').spinedit({
                minimum: 5,
                maximum: 100,
                step: 5,
                value: 0
            });
            $('#1000OidoI').spinedit({
                minimum: 5,
                maximum: 100,
                step: 5,
                value: 0
            });
            $('#8000OidoI').spinedit({
                minimum: 5,
                maximum: 100,
                step: 5,
                value: 0
            });
            $('#1000OidoD').spinedit({
                minimum: 5,
                maximum: 100,
                step: 5,
                value: 0
            });
            $('#8000OidoD').spinedit({
                minimum: 5,
                maximum: 100,
                step: 5,
                value: 0
            });
            $('#3000OidoD').spinedit({
                minimum: 5,
                maximum: 100,
                step: 5,
                value: 0
            });
            $('#5000OidoD').spinedit({
                minimum: 5,
                maximum: 100,
                step: 5,
                value: 0
            });
            $('#6000OidoD').spinedit({
                minimum: 5,
                maximum: 100,
                step: 5,
                value: 0
            });

            $('#3000OidoI').spinedit({
                minimum: 5,
                maximum: 100,
                step: 5,
                value: 0
            });
            $('#5000OidoI').spinedit({
                minimum: 5,
                maximum: 100,
                step: 5,
                value: 0
            });
            $('#6000OidoI').spinedit({
                minimum: 5,
                maximum: 100,
                step: 5,
                value: 0
            });

        });
    </script>
}
